

.user_name,.pass_word,.head .goback,.u_name .clearName{background:url(../Images/load.png) no-repeat;}


.container{background:url(/Images/bg2.jpg) no-repeat -5px 0 #fff;background-size: 330px 580px;position: relative;}
.body{animation: bganim 4s;-moz-animation: bganim 4s;-webkit-animation: bganim 4s;-o-animation: bganim 4s;}
 @keyframes bganim
{
	0% {background-position:-5px 0;}
	25% {background-position:0 0;}
	50% {background-position:-5px 0;}
	75% {background-position:0 0;}
	100% {background-position:-5px 0;}
}

@-moz-keyframes bganim
{
	0% {background-position:-5px 0;}
	25% {background-position:0 0;}
	50% {background-position:-5px 0;}
	75% {background-position:0 0;}
	100% {background-position:-5px 0;}
}

@-webkit-keyframes bganim
{
	0% {background-position:-5px 0;}
	25% {background-position:0 0;}
	50% {background-position:-5px 0;}
	75% {background-position:0 0;}
	100% {background-position:-5px 0;}
}

@-o-keyframes bganim
{
	0% {background-position:-5px 0;}
	25% {background-position:0 0;}
	50% {background-position:-5px 0;}
	75% {background-position:0 0;}
	100% {background-position:-5px 0;}
}



.head{width:100%;padding-top: 10px;}
.head a{text-decoration:none;color:#333;font-size:14px;}
.head .goback{float:left;margin-left:10px;padding-left:15px;background-position: 2px -2px;background-size: 120px; }
.head .login{float:right;margin-right:10px;}

.u_name{width:240px;margin-left:auto;margin-right:auto;position:relative;margin-top: 30px;}
.u_name .clearName{position:absolute;width:30px;height:30px;background-position:0 -165px;top:6px;right:11px;background-size: 210px;}
.user_name,.pass_word{width:192px;height:40px;line-height:40px;border:none;border-radius:20px;margin-left:auto;margin-right:auto;display:block;padding-left:48px;}
.user_name{margin-bottom:10px;background-position:-177px 3px;background-color:#fff;background-size: 220px;width:152px;padding-right:40px;overflow:hidden;}
.pass_word{margin-bottom:10px;background-position:-168px -83px;background-color:#fff;background-size: 210px;}

.btn{width:215px;margin:20px auto 0 auto;}
.btn a,.btn a:hover{color:#333;text-decoration:none;font-size:14px;display:inline-block;}
.btn .loginIn,.btn .loginIn:hover{width:130px;height:40px;line-height:40px;text-align:center;color:#fff;background:#ff4233;border-radius:10px;margin-left:10px;}

.wechat{width:220px;height:40px;line-height:40px;font-size:14px;text-align:center;color:#fff;margin-left:auto;margin-right:auto;margin-top:30px;background:#45c01a;display:block;border-radius:10px;text-decoration:none;margin-bottom: 30px;}



 @keyframes myanim
{
	0% {opacity:0;display:block;}
	50% {opacity:0.8}
	100% {opacity:0;display:none;}
}

@-moz-keyframes myanim
{
	0% {opacity:0;display:block;}
	50% {opacity:0.8}
	100% {opacity:0;display:none;}
}

@-webkit-keyframes myanim
{
	0% {opacity:0;display:block;}
	50% {opacity:0.8}
	100% {opacity:0;display:none;}
}

@-o-keyframes myanim
{
	0% {opacity:0;display:block;}
	50% {opacity:0.8}
	100% {opacity:0;display:none;}
}


.tips{width: 160px;color: #333;font-size: 20px;margin-left: auto;margin-right: auto;margin-top: 90px;}